@import "../../$res/css/base";
body{
  background-color: @back_color;
  margin: 0;
  padding: 0;
}
.myweui-cell{
  padding-left: 0;
  padding-right: 0;
  position: relative;
  .myflex(center);
  padding:0.5rem 0;
}
.mytextarea{
  margin-top: 0.5rem;
}
.myweui-cell::after{
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
/*补签申请页面*/
.add{
  .info {
    padding: 1rem 1rem 1rem 1rem;
    background-color: @fore_color;
    position: relative;
    margin-bottom: 1rem;
    .myflex(center);
    img {
      .imgWidthHeigh(4.5rem);
      border-radius: 100%;
      margin-right: 1rem;
    }
    .rightinfo {
      margin-top: 0.3rem;
      flex: 1;
      .infoperson {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        p:nth-of-type(1) {
          font-size: 1.2rem;
          margin-right: 1rem;
          font-weight: bold;
          color: @font_color_titleblack;
        }
        p:nth-of-type(2) {
          font-size: 0.8rem;
          color: @font_color_titleblack;
        }
      }
      .infowork {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        span {
          color:@font_color_smallgray;
        }
        .num {
          margin-left: 0.8rem;
          margin-right: 3rem;
          font-size: 1rem;
          color: @font_color_green;
        }
        .num:last-child{
          margin-right: 0;
        }
      }
    }
    .addSangle {
      width: 0.5rem;
      line-height: 0.8rem;
      img {
        width: 0.5rem;
        height: 0.8rem;
        margin-right: 0;
      }
    }
  }
  .info::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  .buqian_content {
    position: relative;
    padding: 0rem 1rem 0;
    background-color: @fore_color;
    .content {
      .myweui-cell-detail{
        padding: 10px 0;
        position: relative;
      }
      .myweui-cell-detail:after{

      }
      .weui-cell:before{
        left:0px;
      }
      .my-weui-input{
        color:@font_color_titleblack;
      }
      .my-weui-textarea{
        color:@font_color_titleblack;
      }
      img{
        .imgWidthHeigh(1.2rem)
      }
    }
  }
  .buqian_content::after{
    .myafter;
  }
  .buqian_content::before{
    .mybefor;
  }
}
.add a:active{
  background-color: @back_color;
}
/*补签列表页面*/
.list{
  .mylist{
    background-color: @fore_color;
    margin-top: 1rem;
    position: relative;
    .mylistItem{
      position: relative;
      .title{
        padding: 0.5rem 1rem;
        position: relative;
        display: flex;
        align-items: center;
        img{
          .imgWidthHeigh(0.5rem);
          margin-right: 1rem;
        }
        span:nth-of-type(1){
          color:@font_color_nameblack;
          flex: 1;
        }
        span:nth-of-type(2){
          color: @font_color_smallgray;
        }
      }
    }
    .mylistItem:after{
      content: " ";
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      height: 1px;
      border-bottom: 1px solid #D9D9D9;
      color: #D9D9D9;
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
    }
    .mylist_content{
      .mylist_con_item{
        .myflex(center);
        padding:0rem 0rem 0rem 1rem;
        position: relative;
        img{
          .imgWidthHeigh(3rem);
          border-radius: 100%;
          margin-right: 1rem;
        }
        .mess{
          .myflex(center);
          .myflex_wight;
          position: relative;
          padding:1rem 1rem 1rem 0;
          .left{
            .myflex_wight;
            .left_top{
              .myflex(center);
              span:nth-of-type(1){
                color: @font_color_nameblack;
                margin-right: 0.5rem;
              }
              span:nth-of-type(2){
                color: @font_color_nameblack;
                font-size: 0.7rem;
              }
            }
            .left_down{
              margin-top:0.5rem;
              .myflex(center);
              span:nth-of-type(1){
                color: @font_color_nameblack;
                font-size: 0.7rem;
                margin-right: 0.5rem;
              }
              span:nth-of-type(2){
                color: @font_buqian_gray;
                font-size: 0.7rem;
              }
            }
          }
          .right{
            color: @font_color_white;
            border-radius: 10px;
            background-color: @font_color_green;
            font-size: 0.9rem;
            padding: 0 0.7rem;
            .vertical_middle(1.5rem);
          }
        }
        .mess:last-child::after{
          //border-bottom: none;
        }
      }
      .mylist_con_item::after{
        content: " ";
        position: absolute;
        left: 5rem;
        bottom: 0;
        right: 0;
        height: 1px;
        border-bottom: 1px solid #D9D9D9;
        color: #D9D9D9;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
      }
      .mylist_con_item:last-child::after{
        border-bottom: 0;
      }
    }
    .mylist_content a:active{
      background-color: @back_color;
    }

  }
}
/*某人的补签列表页面*/
.timeline {
  padding: 1rem 1rem;
  .today{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 1rem;
    line-height: 1rem;
    .point{
      border-radius: 100%;
      background-color: #b1b1b1;
      height: 0.5rem;
      width: 0.5rem;
      margin-left: 0.62rem;
      margin-right: 1.2rem;
    }
    .today_time{
      color: @font_color_smallgray;
      font-size: 0.8rem;
    }
  }
  .item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.5rem;
    align-items: flex-start;
    position: relative;
    img {
      .imgWidthHeigh(1.8rem);
    }
    .workinfo {
      background-color: @fore_color;
      margin-left: 0.5rem;
      padding: 0.5rem 0.7rem;
      flex: 1;
      border-radius: 5px;
      .myflex(center);
      .left{
        .myflex_wight;
        .lineone {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          align-items: center;
          padding-bottom: 0.4rem;
          color: @font_color_smallgray;
          .lineone_check {
            font-size: 0.8rem;
          }
          .lineone_time {
            color: @font_color_green;
            font-size: 0.8rem;
            margin-left: 0.5rem;
          }
          .lineone_totaltime{
            flex: 1;
            text-align: right;
            font-size: 0.8rem;
          }
          span {
            font-size: 0.7rem;
            margin-right: 1rem;
          }
        }
        .lineone:last-child{
          padding-bottom: 0;
        }
      }
      .right{
        color:@font_color_smallgray;
      }

    }
    .line{
      position:absolute;
      top:-0.5rem;
      left:0.9rem;
      height: 5rem;
      background-color: @line_yuanshi_timeline;
      width: 1px;
      z-index: -1;
    }
  }
}